<template>
	<div>
		<top-nav bgColor="white" title="订单信息" btnName="btn" :rightShow="false" returnPath="factoryList"></top-nav>
        <div style ="width: 100%;height: 3rem;"></div>
        <div v-show="showList">
        <order-card-item v-for="item in list"
        	:ID = "item.ID"   
        	:key = "item.ID"
			:BillNo="item.BillNo"
			:CustomName="item.CustomName"
			:Balance="item.Balance"
			:CustomID="item.CustomID"
			:CustomNumber="item.CustomNumber"			
        	:ItemID = "item.ItemID"
			:ItemNumber = "item.ItemNumber"
			:ItemName = "item.ItemName"
			:Time="item.Time"
			:item="item"
          />
          </div>
          <div v-show="!showList">
		<mu-circular-progress :size="24" color="blue500"/>
		</div>
          <div style="width: 100%;height: 8rem;"></div>
	</div>
</template>

<script>
	import OrderCardItem from '@/pages/project/Q01/saleOrder/orderCardItem.vue'
    export default {
    	components:{
    		OrderCardItem
    	},
    	data(){
    		return {
    			list:[],
    			showList:false,
    		}
    	},
    	mounted(){
    		console.info(this.list)
    		this.getAllOrder()
    	},
    	methods:{
    		getAllOrder(){
    			let that = this
    			that.axios.post(that.global.homeSrc+'/Q01/getAllOrder',{
					'factoryId':localStorage.factoryId,
					'uid':localStorage.uid,
					'currentpage':1
				}).then(function(response){
					console.info(response.data.data)
					that.showList=true
					that.list=response.data.data.list
				}).catch(function(error){
					
				})
    		}
    	}
    }
</script>

<style>
</style>